html, body {
	height: 100%;
	min-width: 1200px;
	min-height: 720px;
}
.height {
 	height: 100%;
}
.width {
	width: 100%;
}
.margin-top-100px {
	margin-top: 100px;
}
.margin-top-40px {
	margin-top: 40px;
}
.margin-top-50px {
	margin-top: 50px;
}
.padding-top-100px {
	padding-top: 100px;
}
.padding-top-120px {
	padding-top: 120px;
}
.padding-top-130px {
	padding-top: 130px;
}
.font-weight-bold {
	font-weight: bold;
}
.position-relative {
	position: relative;
}
.width-80 {
	width: 80%
}
.font-weight-bold {
	font-weight: bold;
}
.float-right {
	float: right;
}
.position-relative {
	position: relative;
}
.display-none {
	display: none;
}
.padding-bottom-0 {
	padding-bottom: 0;
}
.color-cd0000 {
	color: #cd0000;
}
.collor-ffffff {
	color: #ffffff;
}
.text-align-center {
	text-align: center;
}

#app {
	height: 100%;
	width: 100%;
	position: relative;
}
.main {
	height: 100%;
}
@media (max-width: 991px) {
	.container {
	    width: 100%;
	}
}
